<template>
    <div class="main">
        <el-row :gutter="40">
                <el-col :span="24">
                    <div class="charsmain">
                        <h2>会员信息</h2>
                        <ve-line :data="this.chartMemberData"></ve-line>
                    </div>
                </el-col>
                <el-col :span="12">
                    <div class="charsmain">
                        <h2>订单信息</h2>
                        <ve-histogram :data="this.chartOrderData"></ve-histogram>
                    </div>
                </el-col>
                <el-col :span="12">
                    <div class="charsmain">
                        <h2>套餐购买信息</h2>
                        <ve-pie :data="this.chartListData"></ve-pie>
                    </div>
                </el-col>
        </el-row>
    </div>
</template>

<script>
    import {mapGetters} from 'vuex'
    export default {
        created(){
            // console.log(this.memberRows);
            // console.log(this.chartMemberData);
        },
        data() {
            return {              
                
            }
        },
        computed:{
            ...mapGetters({
                chartMemberData:'main/chartMemberData',
                chartOrderData:'main/chartOrderData',
                chartListData:'main/chartListData'
            })
        }
    }
</script>
<style lang="scss" scoped>
    .main{
        width: 100%;
    }
    .charsmain {
        margin: 40px;
    }
</style>
